<template>
	<view class="container" style="height: 100%;">

		<view class="mescroll-item" v-for="(item,index) in goods">

			<!-- <rich-text :nodes="item"></rich-text> -->
			<text> {{item}}</text>
		</view>

	</view>
</template>

<script>
	const api = require('../../config/api');
	const util = require('../../utils/util');
	import number from '../../utils/number.js'
	export default {

		data() {
			return {
				number: number, //声明number属性并赋值为引入的number模块
				goods: [],
			}
		},
		onLoad() {

		},
		onShow() {
			this.getbonusGz();

		},
		methods: {
			async getbonusGz() {
				const res = await util.request(api.bonusGzUrl, {}, 'GET')
				// console.log(res)
				if (res.code !== 0) {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
				} else {
					this.goods = res.data
				}
			},
		}
	}
</script>

<style>
	page {
		height: 100%;
		background-color: #F4F4F4;
	}

	.mescroll-upwarp {
		min-height: 0rpx !important;
	}
</style>
<style lang="scss" scoped>
	.mescroll-item {
		// background-color: #fff;
		// width: 100%;
		// margin: 5px 0;
		margin: 5px 15px 0px 15px;
		padding: 10px;
		font-size: 14px;
		border-radius: 10px;
	}

	// .mescroll-item-text{
	// 	display: flex;
	// 	align-items: center;
	// 	justify-content: space-between;

	// }
	.title {
		font-size: 16px;
		color: #000;
	}

	.amt {
		font-size: 18px;
		color: #000;
	}

	.mescroll-item-time {
		margin-top: 5px;
		color: #929292;
	}

	.kong {
		box-sizing: border-box;
		width: 100%;
		padding: 100rpx 50rpx;
		text-align: center;
	}

	.kongtext {
		margin-top: 20rpx;
		font-size: 24rpx;
		color: gray;
	}
	.container .mescroll-item:last-of-type {
	    color: #C85A78;
	}
</style>